<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  clip.style.height = '300px';
}
onload = runRepaintAndPixelTest;
</script>
<div id="clip" style="width: 100px; height: 100px; overflow: hidden">
  <!-- These two divs isolate layout of |target| from |clip|, so that we won't
       layout |target| on |clip|'s height change. -->
  <div style="width: 300px; height: 300px; overflow: hidden">
    <div style="width: 300px; height: 300px; overflow: hidden">
      <div id="target" style="width: 100px; height: 200px; overflow: scroll">
        <div style="width: 400px; height: 400px"></div>
      </div>
    </div>
  </div>
</div>
